body{font:14px/1.5 "Microsoft YaHei","微软雅黑",arial,simsun,"宋体";background: #efeeee}
.w960{width: 960px;margin: 0 auto;}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
}
a{color: #333;text-decoration: none}
.clearfix {
    zoom: 1;
}
.mt5{ margin-top:5px;}
.fl{float: left}
.fr{float: right}
.headerWrapWhite{width: 100%;height: 70px;padding-top:20px;background: #f5f5f5;border-bottom: 1px solid #dee2ea;}
.bannerBg{ width:100%; height:597px; background:url(../images/bannerbg.jpg) center }
.headerWrap{width:100%; height:100px; background:#333; opacity:0.7; filter: Alpha(opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
7
}
.header{ position:relative; width:960px;  margin:-80px auto 0;  }
.banner{ width:845px; height:497px; margin:80px  auto 0; background:url(../images/banner.png) bottom center no-repeat;padding-left:25px;overflow:hidden; *margin-top:60px;*height:467px;}
.banner p{ font-size:24px; font-weight:500; color:white; line-height:1.5;}
.banner p.first{padding-top:100px;}
.banner p.second{ padding-top:20px; font-size:22px;}
.banner p.first span{color:#dd137b; font-size:30px;}
.red{color:#dd137b;}
.downBtn{ display:inline-block; width:180px; height:60px; margin-top:50px;  zoom:1; *margin-top:20px;}
.content{ margin-top:20px;}
.pic{width:960px;overflow:hidden; letter-spacing:3px;}
.pic h2{ color:black; font-size:26px;}
.pic p{ color:#666; font-size:16px;}
.p1{ height:236px; padding-top:125px; background:url(../images/p1.png) no-repeat; padding-left:140px; width:820px; }
.p2{ height:216px; padding-top:145px;padding-left:550px; width:410px;  background:url(../images/p2.jpg) no-repeat;}
.p3{ height:231px; width:300px; padding:130px 520px 0 140px;  background:url(../images/p3.jpg) no-repeat;}
.p4{ height:311px; padding:50px 10px 0 460px;width:490px; background:url(../images/p4.jpg) no-repeat; }
.p5{ height:276px; width:860px; padding:85px 0 0 100px; background:url(../images/p5.jpg) no-repeat; }
.p6{ height:620px; padding:40px 0 10px 70px; width:890px; margin-top:20px; background:url(../images/p6.jpg) no-repeat}
.p6 ul{ margin-top:30px;}
.p6 ul li{ float:left; text-align:center; width:260px;}
.p6 ul li p.first{ color:white; height:50px; line-height:50px; font-size:16px;}
.p6 ul li p.second{ color:#666;padding-top:320px;font-size:14px; letter-spacing:0}
.p6-bottom{ font-size:28px; font-weight:500; padding-left:630px; padding-top:50px; color:#444}
.p7{ height:513px; margin-top:20px; background:url(../images/p7.jpg) no-repeat}
.p8{ height:276px; margin-top:20px; background:url(../images/p8.jpg) no-repeat; padding:50px; padding-left:83px; width:877px}
.p8 p{ font-size:14px; letter-spacing:0 }
.download{ padding-left:560px; padding-top:110px;}
.download a{ display: block;width:120px; padding:10px 0; text-align:center; color:white; background:#5e5e5e; border-radius:3px;}
.download a:hover{ background:#261e17}
.androidDownload{ margin-top:165px;}
.weibo{ padding:50px 0 0 260px}
.off{
    z-index: 2;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F4F4F4));
    background: -webkit-linear-gradient(#FFFFFF, #F4F4F4);
    background: -moz-linear-gradient(#FFFFFF, #F4F4F4);
    background: -ms-linear-gradient(#FFFFFF, #F4F4F4);
    background: -o-linear-gradient(#FFFFFF, #F4F4F4);
    background: linear-gradient(#FFFFFF, #F4F4F4);
    -pie-background: linear-gradient(#FFFFFF, #F4F4F4);
    -webkit-box-shadow: #c9c9c9 0px 2px 2px;
    -moz-box-shadow: #c9c9c9 0px 2px 2px;
    box-shadow: #c9c9c9 0px 2px 2px;
    border: 0px solid #646464;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: 114px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #FFFFFF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.on{z-index: 2;


    box-shadow: #c9c9c9 0px 2px 2px;
    border: 0px solid #646464;
    margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 24px;
    width: 114px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    background: #FFFFFF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    background: #ECECEC;
    border: 1px solid #CDCDCD;
    -webkit-box-shadow: #CDCDCD 0px 2px 2px inset;
    -moz-box-shadow: #CDCDCD 0px 2px 2px inset;
    box-shadow: #CDCDCD 0px 2px 2px inset;
}
.on a{color: #00b4ff}
.contentRight{ color:#5b5b5b}
.contentRight h3{
    font-size: 20px;
    margin-top: 60px;
    margin-bottom: 18px;
    font-weight: normal;
    color: #00A2FF;
}
.menu{margin-top: 60px;margin-right: 20px}
.contactP p{line-height: 25px;}
.agreementP {width:750px;}
.agreementP p{ margin-top:20px; line-height:22px;}
.return{ margin-top:10px; margin-right:100px; background:#dd137b; padding:8px 10px;color:white; border-radius:5px;}

.footer{width: 100%;
height: 100px;
background: #e8e8e8;
border-top: 1px solid #D6D6D6; margin-top:30px; text-align:center; font-size:12px; color:#646464}
.footer p{ margin-top:10px;}
.footer p a{ padding:0 10px; color:#646464}